<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>shopCart</title>
    <!-- <link rel="stylesheet" href="../css/cart.css"> -->
    <link rel="stylesheet" href="./../css/all.css">
    <link rel="stylesheet" href="../css/header.css">
    <link rel="stylesheet" href="../css/footer.css">
    <link rel="stylesheet" href="../css/shopcart/shopcart.css">
</head>

<body>
 
        <div class="header">
            <div class="w1210 container">
                <ul>
                    <li><a>收藏</a></li>
                </ul>
                <ul>
                    <li class="on">
                        <span></span>
                        <a class=".logout">注销</a>
                    </li>
                    <li class="off active">
                        <a href="login.html">你好,&nbsp;请登录</a>&nbsp;&nbsp;
                        <a href="register.html">免费注册</a></li>
                    <li class="mid active">
                        <span></span>
                        <a>会员中心</a>
                        <span></span>
    
                    </li>
                    <li class="menubox">
                        <div>
                            <a>客户服务</a>
                            <i class="ci-t"></i>
                        </div>
                        <div class="menu2">
                            <ul></ul>
                        </div>
                    </li>
    
                </ul>
            </div>
        </div>
        <!-- 头部通用 -->
        <div class="head-part">
            <div id="HeardTop" class="w1210">
                <div class="logo-img sp">
                    <a href="../html/index.html">
                        <img src="https://www.lemall.com/static/img/letvlogo.df7e18e.png" alt="" style="width: 162px;
                        margin-left: 23px;">
                    </a>
                </div>
                <div class="stepcart">
                    <ul>
                        <li class="active">
                            <span>1.我的购物车</span>
                            <i></i>
                        </li>
                        <li>
                            <span>2.确认订单信息</span>
                            <i></i>
                        </li>
                        <li>
                            <span>3.成功提交菜单</span>
                            <i class="last"></i>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="content">
            <div class="w1210 empty">
                <div class="top-allgoods">
                    <div class="tit" style="width: 78px; height: 32px;">                        
                    </div>
                    
                </div>
                <div class="cart-empty">
                    <div class="message"><div>
                        <p>您的购物车是空的</p>
                        <p><a href="./../html/index.html">去购物吧>></a></p>
                    </div></div>
                    
                </div>
            </div>
            <div class="cart">
                <div class="top-allgoods">
                    <div class="tit">
                        <em>全部商品</em>
                        <span>5</span>
                    </div>
                </div>
                <div class="top">
                    <input class="select_all" type="checkbox"> &nbsp;&nbsp;全选 
                    <span style="margin-left: 180px;">商品</span>
                    <span style="margin-left: 360px;">单价(元)</span>
                    <span  style="margin-left: 140px;">数量</span>
                    <span  style="margin-left: 150px;">小计(元)</span>
                    <span  style="margin-left: 100px;">操作</span>
                    
                </div>  
                <div class="line">
                    <a href="">乐视官方旗舰店</a>
                    
                </div>
                <p>已减:</p>
                <ul class="cart_list">
                    <li>
                        <div class="select">
                            <input data-id="${ item.goods_id }" class="select_item" type="checkbox" >
                        </div>
                        <div class="show">
                            <img src="" alt="">
                        </div>
                        <div class="title">名字</div>
                        <div class="price">￥价格</div>
                        <div class="number">
                            <button class="sub_btn" data-id="${ item.goods_id }" data-num="${ item.cart_number }">-</button>
                            <input type="text" value="${ item.cart_number }">
                            <button data-num="${ item.cart_number }" data-id="${ item.goods_id }"
                                data-max="${ item.goods_number }" class="add_btn">+</button>
                        </div>
                        <div class="subPrice">￥小计</div>
                        <div class="delete">
                            <button data-id="${ item.goods_id }" class="delete_btn">删除</button>
                        </div>
                    </li>
                </ul>
                <div class="bottom">
                    <input class="select_all" type="checkbox">&nbsp;&nbsp;全选 
                    <p class="totalNum">
                        总计 : 几 件商品
                    </p>
                    <div class="btns">
                        <button class="clear">清空购物车</button>
                        <button class="delAll${ totalSelect === 0 ? ' disable' : '' }">删除所有已选中</button>
                        <button class="pay ${ totalSelect === 0 ? ' disable' : '' }">结算</button>
                    </div>
                    <p class="totalPrice">
                        总计 : ￥ ${ totalPrice.toFixed(2) }
                    </p>
                </div>
            </div>
        </div>

        <!-- 底部通用 -->
        <div class="footer">
            <div class="slogen">
                <div class="w1210">
                    <span><img src="../imgs/footer1.jpeg"></span>
                    <span><img src="../imgs/footer2.jpeg"></span>
                    <span><img src="../imgs/footer3.jpeg"></span>
                    <span><img src="../imgs/footer4.jpeg"></span>
                </div>
                <div class="wraper">
                    <ul>
                        <li>
                            <dl>
                                <dt>新手入门</dt>
                                <dd>
                                    <i></i>
                                    <a href="#">购物指南</a>
                                </dd>
                                <dd>
                                    <i></i>
                                    <a href="#">发票说明</a>
                                </dd>
                                <dd>
                                    <i></i>
                                    <a href="#">账户安全</a>
                                </dd>
                            </dl>
                        </li>
                        <li>
                            <dl>
                                <dt>帮助中心</dt>
                                <dd>
                                    <i></i>
                                    <a href="#">签收必读(超级电视)</a>
                                </dd>
                                <dd>
                                    <i></i>
                                    <a href="#">配送时效</a>
                                </dd>
                            </dl>
                        </li>
                        <li>
                            <dl>
                                <dt>售后服务</dt>
                                <dd>
                                    <i></i>
                                    <a href="#">关于电视安装(自营)</a>
                                </dd>
                                <dd>
                                    <i></i>
                                    <a href="#">电视三包政策(自营)</a>
                                </dd>
                                <dd>
                                    <i></i>
                                    <a href="#">电视售后维修政策(自营)</a>
                                </dd>
                                <dd>
                                    <i></i>
                                    <a href="#">乐视生态产品售后政策</a>
                                </dd>
                            </dl>
                        </li>
                        <li>
                            <dl>
                                <dt>特色服务</dt>
                                <dd>
                                    <i></i>
                                    <a href="#">乐码通道</a>
                                </dd>
                                <dd>
                                    <i></i>
                                    <a href="#">乐视商城B2BB2商城系统</a>
                                </dd>
                            </dl>
                        </li>
                        <li>
                            <dl>
                                <dt>关于我们</dt>
                                <dd>
                                    <i></i>
                                    <a href="#">公司介绍</a>
                                </dd>
                                <dd>
                                    <i></i>
                                    <a href="#">联系我们</a>
                                </dd>
                                <dd>
                                    <i></i>
                                    <a href="#">关注我们</a>
                                </dd>
                                <dd>
                                    <i></i>
                                    <a href="#">隐私政策</a>
                                </dd>
                            </dl>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="copyright">
                Copyright © 2004-2020 乐视商城 All rights reserved&nbsp;|&nbsp;京ICP备19019019号-1&nbsp;|&nbsp;<img
                    src="../imgs/copyright.png">京公网安备:11010502041858号&nbsp;|&nbsp;>营业执照信息&nbsp;|&nbsp;（京）网药械信息备字（2021）第00059号
            </div>
        </div>
 



    </div>
    <script src="../js/utils.js"></script>
    <script src="../js/cartsup.js"></script>
    <script src="../js/index-login.js"></script>
    <script src="../js/cart.js"></script>
</body>

</html>